<%
//证件领取
layout("/inc/layout.html",{
title:'证件领取',
keywords:'证件领取',
description:'证件领取',
style:'user.css'
}){
%>
<link rel="stylesheet" type="text/css" href="/static/start/static/css/public.min.css">
<section class="container mt20">
    <ul class="breadcrumb">当前位置：
        <li><a href="/">主页</a></li>
        <li>证件领取</li>
    </ul>
</section>
<div class="container">
    <!--快捷键-->
    <div class="mt15 text-center">
        <div id="idCardTips" class="panel panel-default">
            <div class="panel-heading">
                <h4>请将身份证置于感应区内</h4>
            </div>
            <div class="panel-body">
                <div class="PromptBox">
                    <div class="Animation">
                        <div class="lInductionId">
                            <img src="/static/start/static/img/induction-id.png" width="298" height="186">
                        </div>
                        <div class="lIdCard">
                            <img src="/static/start/static/img/id-card.png" width="398" height="328">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="idCardInfo" style="display: none">
            <div class="panel panel-default">


                <div class="panel-heading">
                    <h4>身份证信息确认</h4>
                </div>
                <div class="panel-body">
                    <div class="form-horizontal col-sm-8 mt10">
                        <div class="form-group">
                            <div class="col-sm-7 ">
                                <label for="name" class="col-sm-3 control-label">姓名</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="name" name="name" readonly="readonly">
                                </div>
                            </div>
                            <div class="col-sm-5 row">
                                <label for="nation" class="col-sm-3 control-label">民族</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="nation" name="nation" readonly="readonly">
                                </div>
                            </div>
                        </div>

                        <div class="form-group ">
                            <div class="col-sm-7">
                                <label for="birthday" class="col-sm-3 control-label">生日</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="birthday" name="birthday" readonly="readonly">
                                </div>
                            </div>
                            <div class="col-sm-5 row">
                                <label for="sex" class="col-sm-3 control-label">性别</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="sex" name="sex" readonly="readonly">
                                </div>
                            </div>

                        </div>

                        <div class="form-group">
                            <div class="col-sm-12 row">
                                <label for="address" class="col-sm-2 control-label">身份证号码</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="idCardNo" name="idCardNo" readonly="readonly">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-sm-12 row">
                                <label for="address" class="col-sm-2 control-label">身份证地址</label>
                                <div class="col-sm-10">
                                    <textarea class="form-control" id="address" name="address" rows="3" readonly="readonly"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4 mt10" id="idImg">
                        <img src="/static/images/avatar/avatar.jpg" alt="" style="width: 220px;" class="">
                    </div>
                </div>
                <div class="panel-footer">
                    <a href="/start/scan" class="btn btn-lg btn-default mt5"><i class="iconfont icon-fanhui"></i>退出系统&emsp;</a>
                    <button type="button" class="btn btn-lg btn-warning mt5" onclick="location.reload()"><i class="iconfont icon-zhengjian"></i>重新读取&emsp;</button>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-body">

                    <div class="col-xs-4 col-sm-4 col-md-4 sudoku">
                        <button type="button" class="btn btn-lg btn-info btn-block mt5" id="printIdCard"><i class="iconfont icon-dayin"></i><br><b>打印身份证</b>&emsp;</button>
                    </div>

                    <div class="col-xs-4 col-sm-4 col-md-4 sudoku">
                        <button type="button" class="btn btn-lg btn-success btn-block mt5" id="getPersonalCert"><i class="iconfont icon-renzheng"></i><br><b>个人证明办理</b>&emsp;</button>
                    </div>

                    <div class="col-xs-4 col-sm-4 col-md-4 sudoku">
                        <button type="button" class="btn btn-lg btn-primary btn-block mt5" id="getCompanyCert"><i class="iconfont icon-chaxun"></i><br><b>营业执照领取</b>&emsp;</button>
                    </div>


                </div>
            </div>

        </div>

    </div>
</div>
<% } %>
<script src="/static/start/modules/main.js"></script>
<script src="/static/start/modules/IDCard.js"></script>
<script src="/static/start/modules/A4Print.js"></script>
<script>
    require(['modules/machine_basic'], function (machine) {
        machine.scan();
    });
</script>

</body>
</html>